<template>
  <el-container class="goods-edit">
     
    <el-main class="sa-p-t-10">
      <div class="sa-flex">
        <div class="sa-width-130 left-t">店铺余额：</div>
        <div>200</div>
        <el-button
            class="sa-m-l-12"
            type="primary"
            @click="">充值
        </el-button>
      </div>
      <el-row :gutter="24" class="version-copy">
        <el-col :span="7" >
          <div class="title">基础信息</div>

          <div class="sa-flex line">
            <div class="sa-width-130 left-t">探店分类：</div>
            <div>xx</div>
          </div>
          <div class="sa-flex line">
            <div class="sa-width-130 left-t">任务名称：</div>
            <div>xx</div>
          </div>
          <div class="sa-flex line">
            <div class="sa-width-130 left-t">任务封面图：</div>
            <sa-image :url="'http://'" size="100"></sa-image>
          </div>
          <div class="sa-flex line">
            <div class="sa-width-130 left-t">活动时间：</div>
            <div>DDD</div>
          </div>
          <div class="sa-flex line">
            <div class="sa-width-130 left-t">上架时间：</div>
            <div>DDD</div>
          </div>
          <div class="sa-flex line">
            <div class="sa-width-130 left-t">任务类型：</div>
            <div>DDD</div>
          </div>
          <div class="sa-flex line">
            <div class="sa-width-130 left-t">云剪单数：</div>
            <div>DDD</div>
          </div>
          <div class="sa-flex line">
            <div class="sa-width-130 left-t">云剪日单数：</div>
            <div>DDD</div>
          </div>
          <div class="sa-flex line">
            <div class="sa-width-130 left-t">云剪报酬：</div>
            <div>DDD</div>
          </div>
        </el-col>
        <el-col :span="7" :offset="1">
          <div class="title">报名条件</div>

          <div class="sa-flex line">
            <div class="sa-width-130 left-t">平台要求：</div>
            <div>xxx</div>
          </div>
          <div class="sa-flex line">
            <div class="sa-width-130 left-t">作品形式：</div>
            <div>xxx</div>
          </div>
          <div class="sa-flex line">
            <div class="sa-width-130 left-t">地域要求：</div>
            <div>xxx</div>
          </div>
          <div class="sa-flex line">
            <div class="sa-width-130 left-t">其它要求：</div>
            <div>XXX市区</div>
          </div>
        </el-col>
        <el-col :span="7" :offset="1">
          <div class="title">店铺信息</div>

          <div class="sa-flex line">
            <div class="sa-width-130 left-t">店铺名称：</div>
            <div>XXX市区</div>

          </div>
          <div class="sa-flex line">
            <div class="sa-width-130 left-t">联系人：</div>
            <div>XXX市区</div>

          </div>
          <div class="sa-flex line">
            <div class="sa-width-130 left-t">联系人电话：</div>
            <div>XXX市区</div>

          </div>
          <div class="sa-flex line">
            <div class="sa-width-130 left-t">抖音门店POI：</div>
            <div>XXX市区</div>

          </div>
          <div class="sa-flex line">
            <div class="sa-width-130 left-t">商家优势：</div>
            <div>XXX市区</div>

          </div>
          <div class="sa-flex line">
            <div class="sa-width-130 left-t">详细地址：</div>
            <div>XXX市区</div>

          </div>
         
        </el-col>
       
      </el-row>

      

      

      

      
    </el-main>
   
  </el-container>
</template>
<script setup>
import { onMounted,ref, reactive,  getCurrentInstance } from 'vue';
import { api } from '../task.service';
const colorList=['#8069f6','#db2424','#32cb4f']

import {  isEmpty, cloneDeep } from 'lodash';
const loading = ref(false);



const { proxy } = getCurrentInstance();

const emit = defineEmits(['modalCallBack']);
const props = defineProps({
  modal: {
    type: Object,
  },
});


// 获取详情
async function getDetail(id) {
  loading.value = true;
  const { error, data } = await api.raise.detail(id);
  if (error === 0) {
    
    loading.value = false
    
  }
}


async function init() {
  await getDetail(props.modal.params.id);
}
onMounted(() => {
  init();
});
</script>
<style lang="scss" scoped>
div{
  font-size:13px;
}
.left-t{
  color: #777777;
  text-align: right;
  flex-shrink: 0;
  word-break:keep-all;
}
.title{
  font-size:18px;
  margin:15px 0 15px 20px;
}
.line{
  line-height: 2em;
  align-items: start;
}
</style>

